<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://localhost:8082/webjars/jquery/3.3.1/jquery.min.js"></script>
    <script src="/base64image.js" type="text/javascript"></script>
    <script src="/nsv.js" type="text/javascript"></script>
    <script src="/exif.js" type="text/javascript"></script>

    <script src="http://localhost:8082/amodernizr.js"></script>

    <script type="text/javascript" src="/aflashcanvas.js"></script>
</head>
<body>
<input type="file" style="display: none" onchange="fileUp(this)" id="file-up">
<input type="button" value="点我上传图片" onclick="document.getElementById('file-up').click();"/>
<div id='image-list'></div>
<script>
    var fileUp = function (me) {
        base64Image({
            width: 1050,                             /*【选填】宽度默认750，如果图片尺寸大于该宽度，图片将被设置为该宽度*/
            ratio: 0.95,                            /*【选填】压缩率默认0.75 */
            file: me,                               /*【必填】对应的上传元素 */
            callback: function (imageUrl){         /*【必填】处理成功后的回调函数 */
                /*imageUrl为得到的图片base64数据，这里可以进行上传到服务器或者其他逻辑操作 */
                var img = new Image();
                img.src = imageUrl;
                document.getElementById("image-list").appendChild(img);
            },
        });
    };

</script>
</body>
</html>
